export const mapOption = {
  title : {
    // 主标题文字
    text: '',
    // 主标题文字样式配置
    textStyle: {
      color: '#919a9a',
      fontSize: '16'
    },
    // 副标题文字
    subtext: '',
    // 副标题文字样式
    subtextStyle: {
      color: '#FFFFFF',
      fontSize: '35',
      fontWeight: 'bold'
    },
    // 标题位置
    top: 20,
    right: 30
  },

  tooltip : {
    // 数据tip展示
    trigger: 'item',
    formatter: "{b} ()"
  },
  hoverLayerThreshold: true,
  bmap: {
    // 初始展示坐标点，这里的坐标是武汉
    // 坐标可以从
    // https://github.com/longwosion/geojson-map-china
    // https://github.com/Lchiffon/leafletCN
    // http://api.map.baidu.com/lbsapi/getpoint/index.html    百度坐标拾取系统
    // http://lbsyun.baidu.com/		百度地图开放平台
    // http://lbsyun.baidu.com/index.php?title=open/dev-res   百度地图开放资源
    // 获取
    center: [113.962342,22.543714],
    // 初始地图深度
    zoom: 10,
    // 地图的可伸缩范围要在apiv2.0.min.js中设置
    minZoom: 12,
    maxZoom: 18,
    // 是否可以缩放
    roam: true,
    mapStyle: {
      // 地图样式JSON，此JSON可以在
      // http://lbsyun.baidu.com/customv2/index.html
      // 百度地图个性在线编辑器配置
      styleJson: [
          {
              "featureType": "all",
              "elementType": "labels.text.fill",
              "stylers": {
                  "color": "#eeeeeeff",
                  "lightness": 0
              }
          },
          {
              "featureType": "all",
              "elementType": "labels.text.stroke",
              "stylers": {
                  "color": "#000000d9",
                  "visibility": "on"
              }
          },
          {
              "featureType": "land",
              "elementType": "geometry.fill",
              "stylers": {
                  "color": "#17283aff"
              }
          },
          {
              "featureType": "water",
              "elementType": "all",
              "stylers": {
                  "color": "#0c1929ff"
              }
          },
          {
              "featureType": "green",
              "elementType": "geometry.fill",
              "stylers": {
                  "color": "#0a0a1dff"
              }
          },
          {
              "featureType": "manmade",
              "elementType": "geometry.fill",
              "stylers": {
                  "color": "#1a3b4fff"
              }
          },
          {
              "featureType": "building",
              "elementType": "geometry.fill",
              "stylers": {
                  "color": "#25779cff"
              }
          },
          {
              "featureType": "highway",
              "elementType": "geometry.fill",
              "stylers": {
                  "color": "#256287ff"
              }
          },
          {
              "featureType": "arterial",
              "elementType": "geometry",
              "stylers": {
                  "color": "#235b7eff"
              }
          },
          {
              "featureType": "local",
              "elementType": "geometry.fill",
              "stylers": {
                  "color": "#297ca5ff"
              }
          },
          {
              "featureType": "railway",
              "elementType": "geometry.fill",
              "stylers": {
                  "color": "#949494ff"
              }
          },
          {
              "featureType": "subway",
              "elementType": "geometry.fill",
              "stylers": {
                  "color": "#000000d9"
              }
          },
          {
              "featureType": "subway",
              "elementType": "labels.icon",
              "stylers": {
                  "visibility": "off"
              }
          },
          {
              "featureType": "land",
              "elementType": "labels.icon",
              "stylers": {
                  "color": "#000000ff",
                  "visibility": "off"
              }
          },
          {
              "featureType": "subwaystation",
              "elementType": "geometry",
              "stylers": {
                  "color": "#82dcfdff"
              }
          },
          {
              "featureType": "poilabel",
              "elementType": "labels.icon",
              "stylers": {
                  "visibility": "off"
              }
          },
          {
              "featureType": "highway",
              "elementType": "geometry.stroke",
              "stylers": {
                  "color": "#6ec9f5ff",
                  "weight": "1.2",
                  "lightness": 15
              }
          },
          {
              "featureType": "subway",
              "elementType": "geometry.stroke",
              "stylers": {
                  "color": "#6ec9f5ff",
                  "lightness": 15
              }
          },
          {
              "featureType": "all",
              "elementType": "labels.text.stroke",
              "stylers": {
                  "color": "#25779cff",
                  "weight": "0.1",
                  "lightness": 7
              }
          }
      ]
    }
  },

  series : [
    {
      name: '告警',
      // 展示类型：涟漪特效
      type: 'effectScatter',

      // 该系列使用的坐标系
      // 'cartesian2d'：使用二维的直角坐标系（也称笛卡尔坐标系），通过 xAxisIndex, yAxisIndex指定相应的坐标轴组件
      // 'polar'：使用极坐标系，通过 polarIndex 指定相应的极坐标组件
      // 'geo'：使用地理坐标系，通过 geoIndex 指定相应的地理坐标系组件
      coordinateSystem: 'bmap',

      // 什么时候展示涟漪特效：高亮的时候（'render' 绘制完成后显示特效。'emphasis' 高亮（hover）的时候显示特效。）
      showEffectOn: 'render',

      // 涟漪特效相关配置
      rippleEffect: {
        // 动画的周期：秒。默认4秒
        period: 3,
        // 动画中波纹的最大缩放比例：默认2.5
        scale: 5,
        // 波纹的绘制方式，可选 'stroke'(线条波纹) 和 'fill'（填充波纹）
        brushType: 'stroke'
      },

      // 标记的图形。
      // ECharts 提供的标记类型包括
      // 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
      // 圆，正方形，roundrect，三角形，菱形，气球，箭头，无
      // 可以通过 'image://url' 设置为图片，其中 URL 为图片的链接
      // symbol:'circle',
      // symbol:'image://static/images/maps/u19.png',

      // 标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10。
      symbolSize: function (val) {
        return val[2] / 10;
      },

      // 鼠标经过的时候，展示涟漪特效
      hoverAnimation: true,

      data: [],

      // 文字样式
      label: {
        normal: {
          // {a}：系列名。{b}：数据名。{c}：数据值。
          // {@xxx}：数据中名为'xxx'的维度的值，如{@product}表示名为'product'` 的维度的值。
          // {@[n]}：数据中维度n的值，如{@[3]}` 表示维度 3 的值，从 0 开始计数。
          formatter: '{b}',
          color: '#fff',
          position: 'right',
          show: true
        }
      },

      //图形样式
      itemStyle: {
        normal: {
          color: '#f4e925',
          shadowBlur: 10,
          shadowColor: '#333'
        }
      },

      // 绘制成canvas后的图层级别
      zlevel: 1,
    },

    {
      name: '设备',
      // 展示类型：涟漪特效
      type: 'effectScatter',

      // 该系列使用的坐标系
      // 'cartesian2d'：使用二维的直角坐标系（也称笛卡尔坐标系），通过 xAxisIndex, yAxisIndex指定相应的坐标轴组件
      // 'polar'：使用极坐标系，通过 polarIndex 指定相应的极坐标组件
      // 'geo'：使用地理坐标系，通过 geoIndex 指定相应的地理坐标系组件
      coordinateSystem: 'bmap',

      // 什么时候展示涟漪特效：高亮的时候（'render' 绘制完成后显示特效。'emphasis' 高亮（hover）的时候显示特效。）
      showEffectOn: 'emphasis',

      // 标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10。
      symbolSize: function (val) {
        return val[2] / 10;
      },

      // 鼠标经过的时候，不展示涟漪特效
      hoverAnimation: false,

      data: [],

      // 文字样式
      label: {
        normal: {
          // {a}：系列名。{b}：数据名。{c}：数据值。
          // {@xxx}：数据中名为'xxx'的维度的值，如{@product}表示名为'product'` 的维度的值。
          // {@[n]}：数据中维度n的值，如{@[3]}` 表示维度 3 的值，从 0 开始计数。
          formatter: '{b}',
          color: '#fff',
          position: 'right',
          show: true
        }
      },

      // 绘制成canvas后的图层级别
      zlevel: 2,
    },
  ],

}
